<template>
	<view class="examination">
		<view style="height: 25px; width: 750rpx; background-color:transparent;"></view>
		<my-title :title="title" :iSshow="iSshow" @back="back"></my-title>
		<view class="exam_body">
			<view class="list_item">
				<text>考试名称：</text>
				<text class="item">{{paperDetail.examName}}</text>
			</view>
			<view class="list_item">
				<text>考试成绩：</text>
				<text class="item">{{paperDetail.score}}</text>
			</view>
		</view>
		<view class="loginbtn" @click="ExamStart">
			<text>返&nbsp;&nbsp;回</text>
		</view>
	</view>
</template>

<script>
	import myTitle from '../../../components/title.vue'
	export default {
		data() {
			return {
				iSshow: false,
				name: 123,
				endTime: null,
				paperDetail: {},
				title: '考试结果'
			}
		},
		components: {
			myTitle
		},
		methods: {
			ExamStart() {
				uni.navigateTo({
					url: '/pages/index/index'
				})
				
			},
			back() {
				uni.navigateTo({
					url: '/pages/index/index'
				})
			}

		},
		onLoad() {
			this.paperDetail = JSON.parse(uni.getStorageSync('paperDetail'))
			console.log(this.paperDetail)
			if (!this.paperDetail) {
				uni.navigateTo({
					url: '../index/index'
				})
				return;
			}
		}
	}
</script>

<style>
	.examination {
		width: 100%;
		height: 100%;
		position: relative;
	}

	.header {
		width: 100%;
		position: relative;
		height: 50px;
		/* border: 1px solid black; */
	}

	.header image {
		display: block;
		width: 50px;
		height: 100%;
		margin: 20px auto;
	}

	.loginbtn {
		position: absolute;
		width: 80%;
		height: 80rpx;
		left: 50%;
		transform: translateX(-50%);
		background-color: #3C86FD;
		border-radius: 5px;
		display: flex;
		margin: 0 auto;
		justify-content: center;
		align-items: center;
		top: 800rpx;
	}

	.loginbtn text {
		display: block;
		color: white;
		/* font-weight: bolder; */
		font-size: 18px;
		line-height: 100%;
	}

	.exam_body {
		position: absolute;
		width: 560rpx;
		height: 400rpx;
		left: 50%;
		margin-top: 80rpx;
		line-height: 120rpx;
		transform: translateX(-50%);

		.list_item {}
	}
</style>
